﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="BMindex.aspx.cs" Inherits="Common_BMindex" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
     <!-- 用于响应式布局，遇到移动设备自动更改 -->
   <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <!-- 导入的css文件,用于响应式布局 -->
    <link href="../css/bootstrap-theme.css" rel="stylesheet" />
    
    <link href="../css/bootstrap.css" rel="stylesheet" />
    <!-- bootstrap需要的函数库 -->
    <link href="../css/bootstrap.min.css" rel="stylesheet" />
    <script src="../js/npm.js"></script>
    <script src="../js/plugins.js"></script>
    <!-- 所需的字体图标库 -->
    <link rel="stylesheet" href="../css/font-awesome.min.css"/>
    <!-- 按钮样式 -->
    <link href="../css/MyButtons.css" rel="stylesheet" /> 
    <link href="../css/carousel.css" rel="stylesheet" />
    <script src="../js/content.js"></script>
    <script src="../js/jquery-2.1.0.min.js"></script>
    <script src="../js/bootstrap.min.js"></script>


    <!-- Loading Flat UI -->
    <link href="../css/flat-ui.css" rel="stylesheet"/>
    <link href="../docs/assets/css/demo.css" rel="stylesheet"/>
    <link href="../dist/css/flat-ui.min.css" rel="stylesheet" />
 

     <script src="../dist/js/vendor/jquery.min.js"></script>
    <script src="../dist/js/vendor/video.js"></script>
    <script src="../dist/js/flat-ui.min.js"></script>
    <script src="../docs/assets/js/application.js"></script>

    <!-- tab切换效果的js和css -->
    <script src="../js/TabJS.js"></script>

    <link href="../dist/css/styleTabs.css" rel="stylesheet" />
    <style type="text/css">
    h1{font-family:'Microsoft YaHei';}
    </style>
        <script type="text/javascript">
            $(document).ready(function () {
                

                if(window.screen.width<10000)
                {
                   // $("#myid1").click();
                    $('#hidetext').css("display", "block");
                }
                

            });
    </script>

     <title>图书管理系统首页</title>
   
</head>
<body style="width:1024px;margin-left:auto;margin-right:auto;">
    
    <form id="form1" runat="server">  
        <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>

 

<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation" style="background:#0767c8;border-color:#0767c8;min-height:55px;">
      <div class="container-fluid">
        <div class="navbar-header">
            <a href="BMindex.aspx"><img src="../img/common/logo2.png" width="180" style="position:absolute;margin:2px 130px"/></a>
          <a class="navbar-brand" href="#"></a>
        </div>

          <div id="navbar" class="navbar-collapse collapse">

          <ul class="nav navbar-nav navbar-right" style="margin-right: 299px;">
            <li style="position: absolute;margin: 2px -314px;"><a href="#">借阅</a></li>
            <li style="position: absolute;margin: 2px -264px;"><a href="#">归还</a></li>
            <li style="position: absolute;margin: 2px -214px;"><a href="#">检索</a></li>
            <li style="position: absolute;margin: 2px -164px;"><a href="#">资源</a></li>
            <li style="position: absolute;margin: 2px 64px;">

            <%=navstring %> </a></li>


          </ul>
            <input type="text" runat="Server" id="TBfindbook" class="form-control navbar-left" placeholder="查找您感兴趣的书籍..." style="width:329px;margin-top:5px;margin-left:304px;"/>

            <a href="#" ><asp:Button ID="Button2" runat="server" Text="🔎" OnClick="Button2_Click" class="button button-primary button-rounded" style="background:#0e78e7;height:42px;width:42px;margin: 5px 0px 0px -7px;padding:inherit;" />
           </a>
        </div>
       
      </div>
</nav>
      

       <div id="myCarousel" class="carousel slide" data-ride="carousel" style="width:1024px;margin-left:auto;margin-right:auto;">
  
      <ol class="carousel-indicators">
          <%=myControl1 %>
        <li data-target="#myCarousel" data-slide-to="0" class=""></li>
        <li data-target="#myCarousel" data-slide-to="1" class="active"></li>
        <li data-target="#myCarousel" data-slide-to="2" class=""></li>
      </ol>
      <div class="carousel-inner" role="listbox">
        <div class="item active left">

         
          <div class="container">
          
            <div class="carousel-caption">
              <h1>十二幅地图中的世界史</h1>
              <p style="font-family:FZBeiWeiKaiShu-S19S;">制图方法如何发展？地图又为我们带来了什么？地图不仅仅是帮助我们从甲地到乙地的工具，更是伟大历史时刻的缩影，是政治权力的强大手段。地图可以给人们美好的愿景，却又可以是极具毁灭性的政治势力的工具，能引起偏见，使世界扭曲变形。</p>
              <p><a class="btn btn-lg btn-primary" href="https://book.douban.com/subject/26816981/?icn=index-topchart-subject" role="button">查看详情</a></p>
            </div>
          </div>
        </div>
        <div class="item next left">
          <img src="" alt="Second slide"/>
          <div class="container">
            <div class="carousel-caption">
              <h1>钓鱼的男孩</h1>
              <p style="font-family:FZBeiWeiKaiShu-S19S";>媲美《追风筝的人》，一个令人伤痛却终获救赎的故事。入围布克奖短名单，《纽约时报》编辑选书，被美国国家公共电台等17家媒体评选为“年度最佳图书”。</p>
              <p><a class="btn btn-lg btn-primary" href="#" role="button">查看详情</a></p>
            </div>
          </div>
        </div>
        <div class="item">
          <img src="" alt="Third slide"/>
          <div class="container">
            <div class="carousel-caption">
              <h1>万物解释者</h1>
              <p style="font-family:FZBeiWeiKaiShu-S19S";>被奉为美国“国宝”的趣味科普作家、2015畅销科普书《WHAT IF那些古怪又让人忧心的问题》作者新书：再次荣登美国亚马逊NO.1，作者出版的三部作品均被比尔·盖茨推荐。</p>
              <p><a class="btn btn-lg btn-primary" href="#" role="button">查看详情</a></p>
            </div>
          </div>
        </div>
      </div>
      <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
        <span class="glyphicon glyphicon-chevron-left"></span>
        <span class="sr-only">Previous</span>
      </a>
      <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
        <span class="glyphicon glyphicon-chevron-right"></span>
        <span class="sr-only">Next</span>
      </a>
    </div>
        <h1 class="page-header" style="font-size:37px;">推荐书籍</h1>
        <ol class="breadcrumb" style="    padding: 0px 2px;background: none;margin: -66px 830px;position: absolute;width: 300px;">
        <li ><a href="#">今日</a></li>
        <li><a href="#">本周</a></li>
        <li ><a href="#">月榜</a></li>
        </ol>
        <div class="row demo-tiles" ">
        <div class="col-xs-3">
          <div class="tile">
              
            <img src="https://img3.doubanio.com/lpic/s11314700.jpg"  alt="Compas" class="tile-image big-illustration" />
            <h3 class="tile-title">《货币是个什么东西》</h3>
            <p>以时间为纲，以国家、人物、事件为目，围绕货币这个核心，一一展现.</p>
            <a class="btn btn-primary btn-large btn-block" href="BooksDetail.aspx?BookID=000160">查看详情</a>
          </div>
        </div>

        <div class="col-xs-3">
          <div class="tile">
              <img src="" />
            <img src="https://img3.doubanio.com/lpic/s1156155.jpg" height="151px"  alt="Infinity-Loop" class="tile-image img-rounded"/>
            <h3 class="tile-title">《我已出发，闾丘露薇》</h3>
            <p>对正义战争引领读者走入闾丘露薇的内心世界。</p>
            <a class="btn btn-primary btn-large btn-block" href="BooksDetail.aspx?BookID=000023">查看详情</a>
          </div>
        </div>

        <div class="col-xs-3">
          <div class="tile">
            <img src="https://img3.doubanio.com/lpic/s20742806.jpg" alt="Pensils" class="tile-image img-rounded">
            <h3 class="tile-title">《滚蛋吧，肿瘤君》</h3>
            <p>留下彼此人生中最珍贵的东西——信念，与她略显脆弱的生命，融为一体。</p>
            <a class="btn btn-primary btn-large btn-block" href="BooksDetail.aspx?BookID=000009">查看详情</a>
          </div>
        </div>

        <div class="col-xs-3">
          <div class="tile tile-hot">
            <img src="https://img1.doubanio.com/lpic/s8895519.jpg" alt="ribbon" class="tile-image img-rounded">
            <h3 class="tile-title">《拆掉思维里的墙》</h3>
            <p>你是否凡事只想做最低程度的努力就好？相信《拆掉思维里的墙》能够帮助你。</p>
            <a class="btn btn-primary btn-large btn-block" href="BooksDetail.aspx?BookID=000003">查看详情</a>
          </div>

        </div>
      </div>
         <h1 class="page-header" style="font-size:37px;margin-top:10px;">新书入库</h1>
        <article class="htmleaf-container">
            <style type="text/css">
            .tabs{    z-index: 15;
                     position: relative;
                     background: #FFFFFF;
                     width: 100%;
                     border-radius: 4px;
                     box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
                     box-sizing: border-box;
                     margin: -16px auto 10px;
                     overflow: hidden;}
            </style>
             
	<div class="tabs">
	  <div class="tabs-header" style="overflow:visible;">
		<div class="border"></div>
		<ul>
		  <li class="active"><a href="#tab-1" tab-id="1" ripple="ripple" ripple-color="#FFF">《过得刚好》</a></li>
		  <li><a href="#tab-2" tab-id="2" ripple="ripple" ripple-color="#FFF">《撒哈拉的故事》</a></li>
		  <li><a href="#tab-3" tab-id="3" ripple="ripple" ripple-color="#FFF">《佛兰德斯的狗》</a></li>
		  <li><a href="#tab-4" tab-id="4" ripple="ripple" ripple-color="#FFF">《暗时间》</a></li>
		  <li><a href="#tab-5" tab-id="5" ripple="ripple" ripple-color="#FFF">《柳永词传之风月篇》</a></li>
		</ul>
		<nav class="tabs-nav"><i id="prev" ripple="ripple" ripple-color="#FFF" class="material-icons">&#xE314;</i><i id="next" ripple="ripple" ripple-color="#FFF" class="material-icons">&#xE315;</i></nav>
	  </div>
	  <div class="tabs-content">
		<div tab-id="1" class="tab active">
            作者：郭德纲<br />
            出版社：北京联合出版公司  <br />
            本书摘要：郭德纲亲笔作品，讲述人生四十年的江湖过往，知无不言，言无不尽。 迄今为止，唯一人生回顾，荣辱浮沉，冷暖自知，自浊自清自安然。书中的文字记录了郭德纲这些年的心路历程以及对人生、相声艺术、生活的感悟和思考，行文冷静，不煽情，不夸张，不做作，不隐瞒，不回避。 本书有着极其鲜明的郭式风格，嬉笑怒骂皆成文章，妙语连珠，文字独特，语言幽默风趣，读之不禁令人捧腹，为我们营造了一份无与伦比的阅读快感，这份快感和他的相声作品一样过瘾。即使面对着台下无人的惨淡局面，郭德纲依然保持着他的幽默感。 过得刚好，这是郭德纲式幽默，也是郭德纲的人生态度。我争者人必争，极力争未必得。我让者人必让，极力让未必失。真放肆不在饮酒放荡，假矜持偏要慷慨激昂。万事留一线，江湖好相见。
            
            <br /><br /></div>
		<div tab-id="2" class="tab">
             作者：三毛<br />
            出版社：北京十月文艺出版社  <br />
            本书摘要：  三毛作品中最膾炙人口的《撒哈拉的故事》﹐ 由１２篇精采動人的散文結合而成﹐ 其中＜沙漠中的飯店＞﹐ 是三毛適應荒涼單調的沙漠生活後﹐ 重新拾筆的第一篇文字﹐ 自此之後﹐三毛便寫出一系列以沙漠為背景的故事﹐ 風靡了全世界的中文讀者。
            <br /><br /></div>
		<div tab-id="3" class="tab">
            作者：奥维达<br />
            出版社：北京十月文艺出版社  <br />
            本书摘要： 为了帮助这一家人，帕奇每天替他们拉车，跟尼洛一起进城。尼洛虽然贫穷，却拥有惊人的艺术天赋，希望自己能够成为鲁本斯那样的大画家。尼洛深深地爱着一个美丽的女孩阿洛伊斯，她的父亲是全村最富有的人，不愿意女儿跟他这样的穷小子在一起。自尊的尼洛从此尽量远离阿洛伊斯，经常躲在一间小棚子里精心创作他最好的作品，准备在十二月参加安待卫普城举办的少年绘画比赛，拿到比赛的冠军。 　　然而，厄运却接连不断；姥爷一病不起，日子变得越发艰难，而村里又发生了火灾，全村的人居然都怀疑尼洛是纵火犯； <br /><br />

		</div>
		<div tab-id="4" class="tab">
            作者：	刘未鹏<br />
            出版社：电子工业出版社  <br />
            本书摘要：   2003年，刘未鹏在杂志上发表了自己的第一篇文章，并开始写博客。最初的博客较短，也较琐碎，并夹杂着一些翻译的文章。后来渐渐开始有了一些自己的心得和看法。总体上在这8年里，作者平均每个月写1篇博客或更少，但从未停止。 刘未鹏说—— 写博客这件事情给我最大的体会就是，一件事情如果你能够坚持做8年，那么不管效率和频率多低，最终总能取得一些很可观的收益。而另一个体会就是，一件事情只要你坚持得足够久，“坚持”就会慢慢变成“习惯”。
            <br /><br />


		</div>
		<div tab-id="5" class="tab">
            作者：		吴俣阳<br />
            出版社：华中科技大学出版社  <br />
            本书摘要：  《忍把浮名,换了浅斟低唱:柳永词传之风月篇》内容简介：柳永，官宦之家的倔强少年，书香门第的浪荡子。一生行走在大宋官场的边缘，以傲视的才情，恣意点燃手中的湖笔，于秦淮河的碧波上，似寒夜璀璨绽放的焰火，瞬间温暖了那些个倾城的女子，更温暖了他之后的千年时光。那几多缱绻多情的清词，有她们传唱千年最美的情郎，更有他说不尽诉不清的万般情事。
              <br /><br />

		</div>
	  </div>
	</div>
</article>

   <h1 class="page-header" style="font-size:37px;margin-top:41px;">猜你喜欢</h1>
      <div class="container" style="    width: 1041px;">
        <div class="row">
          <div class="col-xs-7">
            <h3 class="footer-title">《数据库系统概念》</h3>
            <p>作者： Abraham Silberschatz / Henry F. Korth / S. Sudarshan<br>
              摘要：本书是数据库系统方面的经典教材之一。国际上许多著名大学包括斯坦福大学、耶鲁大学、得克萨斯大学、康奈尔大学、伊利诺伊大学、印度理工学院等都采用本书作为教科书。我国也有许多所大学采用本书以前版本的中文版作为本科生和研究生的数据库课程的教材和主要教学参考书，收到了良好的效果。.<br>
              查看本书详情吧: <a href="https://book.douban.com/subject/1929984/" target="_blank">《数据库系统概念》</a>
            </p>
             
            <p class="pvl">
             </p>

           
          </div> <!-- /col-xs-7 -->

          <div class="col-xs-5">
            <div class="footer-banner">
              <h3 class="footer-title">读者们的喜欢理由</h3>
              <ul>
               
                <li>本课程介绍数据库系统的基本概念</li>
                <li>重点介绍当前流行的关系数据库系</li>
                <li>统原理和设计数据库结构化查询语</li>
                <li>言SQL.学生要了解几种最常用的数</li>
                <li>据库模型，特别是关系，数据库模</li>
                <li>初步掌握数据库的设计和应用初步</li>
                <li>掌握数据库的设计和应用。</li>
             <img src="https://img3.doubanio.com/lpic/s5790800.jpg" width="140" style="margin-left:76px;margin-right:auto;">
              </ul>
              Go to: <a href="https://book.douban.com/subject/1929984/" target="_blank">豆瓣书评</a>
            </div>
          </div>
        </div>
      </div>

        <h1 class="page-header" style="font-size:37px;"> </h1>
       <div class="footer-brand" style
           ="margin-left:auto;margin-right:auto;"><a href="AdminLogin.aspx">后台管理</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a id="myid1" href="#" data-toggle="modal" data-target="#myModal"> 用户登录 </a></div>
        <asp:TextBox ID="hidetext" placeholder="查找您感兴趣的书籍..." CssClass="form-control" runat="server" style="display:none;" AutoPostBack="True" OnTextChanged="hidetext_TextChanged"></asp:TextBox>
        <!--模拟框提交-->

        <!-- 模态框（Modal） -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
					&times;
				</button>
				<h4 class="modal-title" id="myModalLabel">
					用户登录
				</h4>
			</div>
			<div class="modal-body">
	
          <div class="login-form">
            <div class="form-group">
              <asp:TextBox ID="TBuserName" class="form-control login-field" value="" placeholder="请输入读者证号"  runat="server"></asp:TextBox>
              <label class="login-field-icon fui-user" for="login-name"></label>
            </div>

            <div class="form-group">
                <asp:TextBox ID="TBuserPsw" class="form-control login-field" value="" placeholder="请输入您的密码"  runat="server" TextMode="Password"></asp:TextBox>
              <label class="login-field-icon fui-lock" for="login-pass"></label>
            </div>
              <asp:Label ID="Label1" runat="server" Text="" ForeColor="Red"></asp:Label>
      </div>
                <a class="login-link" href="#">忘记密码了?</a>

			</div>
			<div class="modal-footer">
				<button type="button" class="btn btn-default" data-dismiss="modal">关闭
				</button>
                <asp:Button ID="Button1"  class="btn btn-primary" runat="server" Text="登陆" OnClick="UserLogin" />
			
			</div>
		</div><!-- /.modal-content -->
	</div><!-- /.modal -->
        </div>
 
    </form>
</body>
</html>
